import React, { Component } from 'react';
import {
	StyleSheet, Text, View,
} from "react-native";
import { GLOBAL } from '../../../../config/global';
import { style } from '../../../../theme/style';
const scale = GLOBAL.SCALE;
/* 

*/

export class PlayListPage extends Component {
	constructor(props) {
		super(props);
	}
	render () {
		let { time, quie, goodsName, uomName } = this.props.data;
		return (
			<View style={styles.playBox}>
				<View style={styles.playItem}>
					<Text style={styles.playText}>交货时间</Text>
					<Text style={styles.playTextRt}>{time}</Text>
				</View>
				<View style={styles.playItem}>
					<Text style={styles.playText}>{goodsName}</Text>
					<Text style={styles.playTextRt}>{quie}吨</Text>
				</View>
			</View>
		)
	}
}
const styles = StyleSheet.create({
	playBox: {
		backgroundColor: style.color.dullGrey,
		paddingLeft: 12 * scale,
		paddingRight: 12 * scale,
		marginBottom: 10 * scale
	},
	playItem: {
		flexDirection: 'row',
		justifyContent: 'space-between',
		alignItems: 'center',
		paddingTop: 6 * scale,
		paddingBottom: 6 * scale,
	},
	playText: {
		fontSize: 13 * scale,
		color: '#222',
	},
	playTextRt: {
		fontSize: 13 * scale,
		color: style.color.dark,
	}
})